<template>
    <div class="M-login">
        <div class="M-loginCon">
            <vform :config="formConf" :data="formData" ref="login"></vform>
            <div><button @click="login">登陆</button></div>
        </div>
    </div>
</template>
<script>
import { mapState } from "vuex";

export default {
    computed: {
        ...mapState(["hasMenu"]),
    },
    data: function () {
        return {
            formData: {},
            formConf: [
                {
                    key: 'count',
                    mod:'input',
                    type: 'text'
                },
                {
                    key: 'pwd',
                    mod:'input',
                    type: 'password'
                }
            ]
        };
    },
    methods: {
        login: function(e){
            console.log('登陆：');
            console.log(this.$refs);
        }
    }
};
</script>
<style lang="less">
@import "@/components/common/var.less";
.M-login {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    &Con {
        width: 300px;
    }
}
</style>
